<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Title</title>
</head>
<body>

</body>
<script>
	// * .属性名：编码简单，但有时不能用
	// * ["属性名"]：编码麻烦，但通用。
	
	let c = 100;
	let userName = "lisi";
	// 56789^&*(
	const obj = {
		a:1,
		b:2,
		c,// 将变量c的名字作为属性名，变量c的值作为属性值
		[c]:200,// 将变量c的值作为属性名。
		["userName"]:300,// 将userName作为属性，值为300
		[userName]:400,// 变量userName的值作为属性 lisi:400
		"56789^&*(":500,
		fn(){
			console.log("fn");
		}
	}
	console.log(obj);// {a:1,b:2,c:100,100：200,userName:300,lisi:400}
	console.log(obj["56789^&*("])
	console.log(obj.c);// 100
	console.log(obj[c]);// 200
	obj.fn();
	
	
</script>
</html>